﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content="All Rights Reserved, Copyright (C) 2013, Wuyeguo, Ltd." />
<title>红人装数据同步后台管理</title>
<link rel="stylesheet" type="text/css" href="easyui/1.3.4/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="css/wu.css" />
<link rel="stylesheet" type="text/css" href="css/icon.css" />
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="easyui/1.3.4/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/1.3.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">

<div region="north" style="height: 107px;background-color: #F0F0F0">
	<table style="padding: 5px" width="100%">
		<tr>
			<td width="50%">
				<img alt="logo" width="10%" height="10%" src="images/logo.png" />
				红人装数据同步管理
			</td>
			<td valign="bottom" align="right" width="50%">
				<font size="3">&nbsp;&nbsp;<strong>欢迎：</strong><span>xx</span></font>
			</td>
		</tr>
	</table>
</div>

<div region="center">
	<div class="easyui-tabs" fit="true" border="false" id="tabs">
		<div title="首页" data-options="iconCls:'icon-help'">
			<div align="center" style="padding-top: 100px">
				<font color="green" size="10">欢迎使用</font>
			</div>
		</div>
	</div>
</div>

<div region="west" style="width: 200px" title="导航菜单" split="true">
	<div style="padding-top: 10px;padding-left: 10px;">
		<a href="javascript:openTab('任务管理','/job','icon-add')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" style="width: 150px;">任务管理</a>
		<a href="javascript:openTab('日志管理','/logs','icon-edit')" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" style="width: 150px;">日志管理</a>
		<a href="javascript:logout()" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-no'" style="width: 150px;">退出系统</a>
	</div>
</div>

<div region="south" style="height: 30px;padding: 5px" align="center">
	Copyright © 2016-2018 larger5
</div>
<script type="text/javascript">
    function openTab(text, url, iconCls) {
        if($("#tabs").tabs("exists", text)) {
            //如果已经存在，则使之处于选中的状态
            $("#tabs").tabs("select", text);
        } else {
            //如果不存在则新增加一个
            var content = "<iframe frameborder=0 scrolling='auto' style='width:100%;height:100%' src='" + url + "'></iframe>";
            $("#tabs").tabs("add", {
                title: text, //标题
                iconCls: iconCls, //图标
                closable: true, //可以关闭
                content: content //内容，内嵌一个 iframe！
            });
        }
    }
</script>
</body>
</html>
